@charset "UTF-8";
/* -------------------------------------------------------- CSS Information */
/*body*/
html,
body {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	height:100%;
	background-color:#E9EAED;
    font-size:15px !important;
    cursor:default !important;
}
body#popup {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	margin:0; padding:0;
	height:100%;
}
#form1
{
    width:1100px;
    margin:0 auto;
    }

body, div, section, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style-type: none;
}
#wrapper {
	position:relative;
}

/*link*/ 
a {
	color: #333;
	text-decoration:none;
}
a img {
	border-style: none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #333;
	text-decoration:none;

}
/*font*/
h1, h2, h3, h4, h5, h6, p {
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}
/*others*/
table {
	border-spacing:0;
}
* html table {
	border-collapse:collapse;
}
*:first-child+html table {
	border-collapse:collapse;
}
th, td {
	vertical-align: middle;
	border-collapse:collapse;
}
table, th, td, tr, img {
	border:0;
}
img {
	vertical-align:bottom;
}
input {
	vertical-align:middle;
}
q:before, q:after {
	content:'';
}
ul {
	list-style: none;
}
/*HeaderBox*/
#headerarea {
	height: 165px;
	text-align: left;

}
#header {
	height: 165px;
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
#header01{float:left; margin:0; padding:0; width:100%; height:30px; background-color:#006600;}
#header01 ul{float:right; margin:0; padding:8px 0 0 0; width:240px;}
#header01 ul li{float:left; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#header01 ul li a{text-decoration:none; color:#fff;}
#header01 ul li a:hover{text-decoration:underline; color:#fff;}
#header01 ul li.li01{float:left; margin:0; padding:0 8px 0 8px; color:#fff;}

#header02{float:left; margin:0 0 10px 0; padding:0; height:95px;}
#header02 p.logo{float:left; margin:0; padding:0; line-height:1%;}
.search{float:right; margin:25px 0 0 0; padding:0; width:300px;}
.search_bg{width:300px;float:left;background-color:#ffffff; border:1px solid #D3D6DB; border-radius:3px;/*box-shadow: 0 1px 3px #BBBBBB inset;*/}

.input1{
    border: 1px solid #D3D6DB;
    border-radius: 3px;
    /*box-shadow: 0 1px 3px #BBBBBB inset;*/
    color: #3A454D;
    padding: 8px;
}
.inputtext{height:30px; border:1px solid #D3D6DB;border-radius: 3px;/*box-shadow: 0 1px 3px #BBBBBB inset;*/}
.txt_box{float:left; padding:0 0 0 5px; display:inline;}
.txt_box input{border:none;}
.btn_search{float:right; margin:0; padding:10px 6px 0 0; line-height:1%;}

#header03{float:left; margin:0; padding:0; width:100%;}
#header03{float:left; margin:0; padding:0;}
#header03 ul.ul_menu{float:left; margin:0; padding:0; display:inline;}
#header03 ul.ul_menu li{float:left; margin:0 35px 0 0; padding:0; list-style:none;}
#header03 ul.ul_menu li a:hover
{
    color:#006600;
    }
.active
{
    color:#006600 !important;
    }

/*------------------------------------------------------------Content*/
/*ContentareaBox*/
#contentarea {
	margin:10px 0 0 0 ;
}
#content {
	float:left;
    margin:0 20px;
	padding:0;
	text-align: left;
	font-size:12px;
	line-height:1.43em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0;
	min-height:500px;
	width:98%;
}

/*------------------------------------------------------------ClearFix*/
.clearfix:after {
	content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
	display: block;
}
.clear {
	clear: both;
}
.img_l{float:left; margin:0; padding:0; line-height:1%;}
.img_l1{float:left; margin:0; padding:0; line-height:1%;background:url(../images/iconminus.jpg) left top repeat-x #f4f4f4;}
.img_r{float:right; margin:0; padding:0; line-height:1%; cursor:pointer;}
.img_c{text-align:center; margin:0; padding:0; line-height:1%;}
/*------------------------------------------------------------Margin*/
.mar_b04{margin-bottom:4px;}
.mar_b10{margin-bottom:10px;}
.mar_b15{margin-bottom:15px; border:1px solid rgba(0, 0, 0, 0.3);}
/*------------------------------------------------------------PageNavi*/
.page{margin:0 auto; padding:0;}
#pagenavi {
	margin: 0;
	padding: 19px 10px 5px;
	text-align: center;
}
#pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
#pagenavi li span {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #E4E4E4;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
    -webkit-border-radius: 3px;
	/* Firefox */
    -moz-border-radius: 3px;
}
#pagenavi li a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #F2F2F2;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
    -webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
    -moz-border-radius: 3px;
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
#pagenavi li span {
	color: #999;
}
#pagenavi li a:hover {
	background: #DFDFDF;
}

/*------------------------------------------------------------Footer*/
/*FooterBox*/
#footerarea {
	text-align: left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;

}
#footer {
	width: 1100px;
	margin: 0 auto;
	padding:10px 0 10px 0;
	background-color:#006600;
	left:0;
	text-align:center;
}
.copyright {font-size:11px; padding:0; margin:0 0 0 20px; color:White}
/*------------------------------------------------------------All_Meal_Plans*/
.bg01{width:100%;}
.bg02
{   
    /*
    background:url(../images/bg01.jpg) 0 0 repeat; */
      margin:0; padding:0}
.bg03
{
    /*
    background:url(../images/bg02.jpg) left top repeat-x;*/
       margin:0; padding:0;}
.box01{float:left; margin:0 0 20px 0; padding:0; width:100%;}
ul.ul01{float:right; margin:0; padding:0;}
ul.ul01 li{float:left; margin:0 20px 0 0; padding:0; display:inline; list-style:none;}
ul.ul01 li.li01{float:left; margin:0; padding:0 7px 0 0; display:inline; list-style:none;}
.box02{float:left; margin:0 0 20px 0;width:100%;}
ul.ul02{float:left; margin:0; padding:10px 0;}
ul.ul02 li{float:left; margin-left:10px; margin-bottom:10px;}
ul.ul02 p.text {
	width: 220px;

	display: block;
	padding:5px 0 0 0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	/*color: #fff;*/
	position: absolute;
	font-size:16px;
	cursor:pointer;
	background-color: rgba(165, 174, 173, 0.3);
	color:#ffffff;
}
ul.ul02 p.text a {
	width: 220px;
	height:30px;
	display: block;
	padding:0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	/*color: #fff;*/
	position: absolute;
	font-size:16px;
	text-decoration:none;
	color:#ffffff;
}
/*------------------------------------------------------------All_Recipes*/
/*.alpha{float:left; margin:0; padding:0; width:80%;}*/
.alpha{float:left; margin:0;width:99%;}
.beta{display:none; float:left; margin:0; padding:3px; width:25%; border:1px solid #D3D6DB; background-color:#ffffff; border-radius:3px;}
.betamealplan{float:right; margin:0; padding:0; width:25%;}
.mealplanpanel{float:right; margin:0; padding:0; width:100%;}
.grocerypanel{float:right; margin:0; padding:0; width:100%; background-color:#ffffff;}

/*radio_button background*/
ul.ul_radio{float:left; margin:0; padding:0; }
ul.ul_radio li{float:left; margin:0 5px 0 0; padding:0; list-style:none; display:inline;}
ul.ul_radio li.li01{float:left; margin:0 10px 0 0; padding:0; list-style:none; display:inline;}
div.radio span{
  background-image: url(../images/btn_radio.jpg);
  background-repeat: no-repeat;
  height: 19px;
  width: 19px;
  background-position: 0px 0px;
  display: -moz-inline-box;
  display: inline-block;
}
div.radio span.checked {
  background-position: -19px 0px;
}
div.radio.disabled.active span {
  background-position: 0px 0px;
}
/*checkbox background*/
input[type="checkbox"].css-checkbox {
	/*position: absolute; */
	overflow: hidden; 
	/*clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; */
	margin:-1px; 
	padding:0;
	border:0;
	padding-left:4px;
}

.css-label {
	padding-left:6px;
	/*height:18px; 
	display:inline-block;*/
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	/*background-image:url(../images/btn_checkbox.jpg);*/
}
.ch{
	padding-left:22px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/btn_checkbox.jpg);
	background-position: 0 -18px;
}
.title03{float:left; margin:0; padding:0 0 0 10px; line-height:1.5em; background:url(../images/title03_bg.jpg) left top no-repeat; font-size:16px; font-weight:bold;}
.btn_close{float:right; margin:0; padding:0; line-height:1%; cursor:pointer;}
.btn_save{float:right; margin:0; padding:3px 0 0; line-height:1%}
.btn_closemealplan{float:right; margin:0; padding:0; line-height:1%; cursor:pointer;}
.txt02{float:left; margin:0 5px 0 0; padding:3px 0 0 0;}
.txt03{float:left; margin:0; padding:0; font-size:14px; font-weight:bold;}
.TitleGrocery{margin:0; padding:0; font-size:14px; font-weight:bold;}
.txt04{float:right; margin:0; padding:0px 0 0 0; line-height:1%;}
.txt_bg01{width:170px; /*border:1px solid #c1c1c1;padding:3px 0 3px 0;*/ float:left; background:#fff;}
.txt_bg01 input{border:none; width:80%}
.left01{float:left; margin:0; padding:0; width:28px;}
.right01{float:left; margin:0; padding:3px 0 0 0;}
.bg_gray{background:#c2c2c2; margin:0 0 10px 0; padding:5px 5px 5px 10px;}
ul.ul03{float:left; margin:0 0 10px 20px; padding:0; font-size:14px;}
ul.ul03 li{float:left; margin:0; padding:0 0 5px 0; list-style:none; width:100%;}

/*------------------------------------------------------------New_recipes*/
.alpha01{float:left; margin:0; padding:0;}
.createuser{float:left; width:100%; margin:0; padding:0;}
.beta01{float:right; width:70%; margin:0; padding:0;}
.img03{margin:15px 0 15px 35px; line-height:1%; padding:0;}
ul.ul04{float:left; margin:0 0 0 9px; padding:0;}
ul.ul04 li{float:left; margin:0 5px 0 0; padding:0; list-style:none; display:inline;}
.title01{font-size:20px; font-weight:bold; color:#006600;}
.title02{font-size:16px; font-weight:bold; line-height:1.8em;}
.border01{border:1px solid #D3D6DB; padding:10px; font-size:16px; margin:0 0 20px 0; background-color:#ffffff; border-radius:4px;}
.w30pc{width:30%; float:left; margin:0; padding:0;}
.txt01{float:left; margin:0 5px 0 0; padding:0; font-family: Arial,Helvetica,sans-serif; font-size:15px;}
.txt_bg{width:60px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg input{border:none;}
.txt_blue{color:#003fcf;}

/*------------------------------------------------------------My_Profiles*/
.box_profiles{width:98%; margin:0 auto; text-align:center; padding:0;}
.box_profiles01{float:left; width:47%; margin:0; padding:0 0 3px 0;}
.box_profiles02{float:left; width:47%; margin:0;  padding:0 0 3px 0;}
.box_profiles03{width:100%; margin:0 auto 5px auto; padding:0 0 0 0; border:0px;}
.box_profiles04{width:70%; margin:0 auto 5px auto; padding:0 0 0 0; border:1px;background-color:#A6A6A6}
.box_profiles05{width:70%; margin:0 auto 0 auto; padding:0 0 0 0; border:1px;float:left}
.box_profiles06{width:68%;margin:0 5px 0 auto; padding:0 0 0 0; border:1px;float:left}
.box_profiles07{width:10%; margin:0 5px 0 auto; padding:0 0 0 0; border:1px;float:left}
.box_profiles08{width:20%; margin:0 0 0 auto; padding:0 0 0 0; border:1px;float:right}
.box_profiles09{width:70%; margin:0 auto 5px auto; padding:0 0 0 0;}
.box_profilesChildren01{float:left; width:100%;height:450px;  margin-left:0px; padding:0;}
.left02{float:left; margin:0; padding:0; width:53%;}
.right02{float:left; margin:0; padding:0; width:40%;}
.border{border:1px solid #ccc;}
.title_profiles{font-size:14px; font-weight:bold; padding-bottom:10px;}
.txt05{float:left; margin-right:5px;}
.txt_bg02{width:270px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg02 input{border:none;}
.txt_bg07{width:40px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg07 input{border:none;}
.txt_bg08{width:100px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg08 DropDownList{border:none;}
.txt_bg03{width:60px; border:1px solid #c1c1c1; float:left; background:#EFEFEF; padding:3px 0 3px 0;}
.txt_bg03 input{border:none;}
.txt_bg04{width:99%; border:1px solid #c1c1c1; float:left; background:#EFEFEF; padding:3px 0 3px 0;}
.txt_bg04 input{border:none;}
.txt_bg06{width:120px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg06 input{border:none;}
.txt_bg09{width:100%; border:1px solid #c1c1c1; float:left; background:#EFEFEF; padding:3px 0 3px 0;}
.txt_bg09 input{border:none;}

table.table01 {
	margin: 0;
	border-collapse: collapse;
	border: none;
	width: 100%;
	}
table.table01 td {
	padding: 0px;
	border: none;
	}
table.table02 {
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #c1c1c1;
	width: 100%;
	}
table.table02 td {
	padding: 10px;
	border: 1px solid #c1c1c1;
	}
table.table02 td.td01 {
	padding: 10px;
	border: 1px solid #c1c1c1;
	background:#fed207;
	font-weight:bold;
	text-align:center;
	color:#5b3216;
	}
table.table02 td.td02 {
	padding: 10px;
	border: 1px solid #c1c1c1;
	background:#efefef;
	}
.txt_red{color:#be312a;}
.w40pc{width:40%;}
.w15pc{width:15%;}	
.img04{float:left; margin:0 10px 0 0; padding:0; line-height:1%;}	

.message {
	border-radius: 2px;
    display: block;
    font-size: 10pt;
	font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 10px 10px 35px;
    position: relative;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    height: 100%;
}
.alert-close {
	
	color: #000000;
	cursor: pointer;
	font-size: 28px;
	font-weight:bold;
	height: 22px;
    width : 22px;
	position: absolute;
	right: 6px;
	text-align: center;
	top: 6px;

}
.alert-close-goals {
	
	color: #000000;
	cursor: pointer;
	font-size: 28px;
	font-weight:bold;
	height: 22px;
    width : 22px;
	position: absolute;
	right: 6px;
	text-align: center;
	top: 6px;

}


/*------------------------------------------------------------Popup*/
#popup #content{width:600px; padding:10px 10px 10px 5px; background:#fff;}
.alpha03{float:left; margin:; padding:0;}
.beta03{float:right; margin:; padding:0;}
ul.ul_popup01{float:left; margin:0; padding:0;}
ul.ul_popup01 li{float:left; margin:0 10px 0 0; padding:0; display:inline; list-style:none;}
ul.ul_popup01 li.li01{float:left; margin:0 10px 0 0; padding:2px 0 0 0; display:inline; list-style:none;}

ul.ul_popup02{float:left; margin:0 0 10px 20px; padding:0; font-size:14px;}
ul.ul_popup02 li{float:left; margin:0; padding:0 0 5px 0; list-style:none; width:580px;}

.add_bg{width:250px; height:22px; border:1px solid #c1c1c1;}
.txt_box_popup{float:left; margin:3px 0 0 0; padding:0 0 0 5px; display:inline;}
.txt_box_popup input{border:none;}
.line{background:url(../images/line.jpg) left bottom repeat-x; margin:0; padding:0;}

/*------------------------------------------------------------Meal_Plan*/
.icon4{float:left; margin:0 0 0 10px; padding:0;}

/*------------------------------------------------------------About_us*/
.alpha02{float:left; margin:0; padding:0; width:5%;}
.beta02{float:right; margin:0; padding:0; width:95%;}
.title04{font-size:20px; font-weight:bold; color:#699a01; margin-bottom:20px;}

/*------------------------------------------------------------Contact*/
.alpha04{float:left; margin:0; padding:0; width:36%;}
.beta04{float:right; margin:0; padding:0; width:62%;}
.map{float:left; margin:0 0 20px 0; padding:0; width:100%; height:350px;}
table {
	margin: 0;
	border-collapse:collapse;
	border-spacing: 1px;
	border: 1px solid #333;
	font-size: 1.5em;
	width:100%;
	font-size:12px;
	}

table th,
table td {
	padding: 10px;
	border: 1px solid #999;
	}

table th {
	background: #eee;
	width: 20%;
	text-align:left;
	}

/*------------------------------------------------------------Meal_Plan_Details*/	
.title05{font-size:20px; font-weight:bold; line-height:2em; text-align:center; color:#699a01;}
ul.ul05{float:left; margin:0; padding:0;}
ul.ul05 li{float:left; margin:0 50px 25px 0; padding:4px; border:1px solid #bcbcbc;}
ul.ul05 p.text {
	width: 220px;
	height:30px;
	display: block;
	padding:5px 0 0 0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	font-size:16px;
}
.border02{border:1px solid #bcbcbc; padding:50px; font-size:16px; margin:0 0 20px 0;}
/*------------------------------------------------------------Recovery*/
.font_11{font-size:11px; padding-left:16px; margin-bottom:10px}
.txt_email{padding-left:16px;}
.pad_tbox{padding:3px 0 3px 0;}
.w50pc{width:50%; margin:0 auto; padding:30px 0 30px 0;}

/*------------------------------------------------------------Login_Page_Small*/
#login_small #content{width:300px; padding:20px; background:#f1f1f1;}
.txt_signin{font-size:16px; margin-bottom:10px;}
.txt_b{font-weight:bold;}
.pad_tbox01{padding:5px 0 5px 0;}
.img_signin{float:left; margin:0 30px 0 0; padding:0; line-height:1%;}
.pad_l5{padding:5px 0 0 0;}

/*-----------------------------------Drop and drag*/
#mealplan
{
    float:left;
    width:98%;
} 

#grocery1
{
    float:left;
    width:98%;
}     
.field-textbox
{
    height:20px;
    width:99%;
    padding:5px 0 10px 10px;
    margin-right:-10px;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    border-radius:4px;
    }
    .text-field
{
    float:left; padding:7px 0 ;width:150px;
 }
 .form-filed-account
 {
     width:300px;
     }
.field-textbox1
{
    border: 1px solid #CFCFCF;
    border-radius: 3px 3px 3px 3px;
    /*box-shadow: 0 1px 3px #BBBBBB inset;*/
    color: #3A454D;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    width: 92%;
    }
.field-textbox1:hover
{
    border: 1px solid #899CAA;
    }
 .field-serving
{
    padding:5px;
    }
  .field-areatbox
{
    height:100px;
    width:99%;
    padding:5px 0 10px 10px;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;
    border-radius:4px;
}
.label-over
{
    overflow:auto;
    }
 .save_button {
    height: 27px;
    width: 100px;
}

.gb_H {
    animation: 0.2s ease 0s normal none 1 gb__a;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2);
    border-style: dashed dashed solid;
    border-width: 0 8px 8px;
    display: none;
    height: 0;
    position: absolute;
    top: 27px;
    width: 0;
    z-index: 11110;
}

.gb_G {
    animation: 0.2s ease 0s normal none 1 gb__a;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F1F1F1;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px;
    height: 0;
    position: absolute;
    top: 28px;
    width: 0;
    z-index: 11110;
    display: none;
}


.textcenter
{
    margin-left:auto;
    margin-right:auto;
    width:98%;
    height:30px;
    padding-top:4px;
    
}    

.ui-autocomplete,.ui-menu, .ui-menu-item {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size:16px;
    
} 

.accountdiv
{
    margin-left:3px;
    padding: 3px 0;
    float:left;
}

.titlerecovery{font-size:20px; font-weight:bold; line-height:2em;}
.errormsg {
    color: #DD4B39;

    line-height: 17px;
    margin: 0.5em 0 0;
    
}

.menu-account
{
    line-height:17px;
    height:25px;
    padding:0 15px 0 0;
    
    }
.menu-account a
{
    text-decoration:none;
    color:#000000;
    }
    
    .gbmai {
    background-position: -163px -40px;
    font-size: 0;
    height: 4px;
    line-height:27px;
    opacity: 0.8;
    position: absolute;
    width: 15px;
    margin-top:10px;
    margin-left:5px;
    background-image: url("//ssl.gstatic.com/gb/images/k1_a31af7ac.png");
    background-size: 294px 45px;
}

.gbmpdv {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BEBEBE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

    max-width:500px;
}
.gbmpiw {
    display: inline-block;
    line-height: 9px;
        padding-top: 20px;
    padding-left: 20px;
    padding-bottom:20px;
}

.gbmpdv .gbpc {
    display: inline-block;

    vertical-align: top;
    font-size:12px;
    padding:20px;
    line-height: 17px;


}

.ip-text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    /*box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.1) inset;*/
    box-shadow: 0 1px 3px #BBBBBB inset;
    height: 38px;
    margin-bottom:5px;
    padding: 0 10px;
    border-radius: 5px;
    font-family: Arial,Helvetica,sans-serif;
}

.ip-textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 3px #BBBBBB inset;
    height: 200px;
    margin-bottom: 12px;
    padding: 0 10px;
    border-radius: 5px;
    font-family: Arial,Helvetica,sans-serif;
}

.input-trpr {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
}

.button-form
{
    background: url("../images/button1.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #C1C1C1;
    cursor: pointer;
    margin: 0 12px 0 0;
    padding: 7px 10px;
    width: auto;
    border-radius:3px;
    }
 .button-form:hover
 {
     
     }
    
.btn-delete {
    background-image: url("../images/facetClose.png");
    background-position: 10px 8px;
    background-repeat: no-repeat;
    border: 0 none !important;
    border-radius: 0;
    cursor: pointer;
    height: 29px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 38px;
    display:none;
}
#leftpanel
{
    border:1px solid #D3D6DB;
    background-color:#ffffff;
    width:700px;
    border-radius:3px;
    height:1990px;
    
    }
#rightpanel
{
    margin-left:20px;
    width:310px;
    border-radius:3px;
    height:1985px;
    }
.box-image
{
    border:1px solid #D3D6DB;
    background-color:#ffffff;

    }    
.searchText {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 35px;
    margin: 0;
    overflow: hidden;
    transition-duration: 0.15s;
    transition-property: width;
    transition-timing-function: linear;
    vertical-align: bottom;

}
.profile-pic
{
    border: 5px solid #ffffff;
    
    
    }
.box-serving
{
    background-color:#ffffff; height:35px; border:1px solid #C1C1C1;
    border-radius:4px;
    }
#loading
{
    left: 48%;
    position: fixed;

    top: 48%;
    z-index: 999999;
    }

.sign-in
{
    color:#006600;
    font-weight:bold;
    margin:0 5px;
    
    }
#btn_clear{ margin-left:20px; cursor:pointer;}
    
.mar_b25{width:300px; margin-bottom:5px;}


.divMessage
{
    height:100%; 
    font-size:20px; 
    font-family:Calibri; 
    /*color:#D6D4D2;*/
    text-align:justify;
    padding-top:150px;
    margin-left:50px;
    font-weight:bold;
}